<!doctype html>
<html class="no-js" lang="">

<head>
  <meta charset="utf-8">
  <title>上海麦玺声工厂</title>
  <meta name="description" content="上海麦玺声工厂">
  <meta name="keywords" content="上海麦玺声工厂,麦玺声工厂,装修材料">
  <meta name="msapplication-tap-highlight" content="yes">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, minimum-scale=1.0, maximum-scale=1.0">

  <!-- Favicon -->
  <link rel="icon" type="image/ico" href="images/favicon.ico">

  <!-- Modernizer & Respond js -->
  <script src="javascripts/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
</head>

<body>

  <!-- Preloader -->
  <div class="cover"></div>

  <%include header%>

  <div class="container">
    <div class="arch-slider">
      <div id="arch-slider" class="owl-carousel">
        <div>
          <img class="img-responsive center-block" src="images/arch-slider/image_1.jpg" alt="slider">
        </div>
        <div>
          <img class="img-responsive center-block" src="images/arch-slider/image_1.jpg" alt="slider">
        </div>
        <div>
          <img class="img-responsive center-block" src="images/arch-slider/image_1.jpg" alt="slider">
        </div>
        <div>
          <img class="img-responsive center-block" src="images/arch-slider/image_1.jpg" alt="slider">
        </div>
      </div>
      <div class="slider-controls">
        <span class="arrow-left">
          <a class="prev-slide" href="javascript:void(0)">
            <i class="pe-7s-angle-left"></i>
          </a>
        </span>
        <span class="arrow-right">
          <a class="next-slide" href="javascript:void(0)">
            <i class="pe-7s-angle-right"></i>
          </a>
        </span>
      </div>

      <div class="arch-slider-content">
        <p>
          <span>上海</span>
          <br>
          <b>麦玺声工厂</b>
        </p>
      </div>
    </div>
  </div>
  <div class="container margin-top">
    <div class="history-wrapper">
      <div class="col-md-5 wow fadeIn" data-wow-duration="0.8s" data-wow-delay="0.3s">
        <div class="row">
          <article>
            <a href="/about"><h1>公司简介</h1></a>
            <hr>
            <p style="color: black;font-size: 16px">上海麦玺声工厂上海麦玺声工厂上海麦玺声工厂上海麦玺声工厂上海麦玺声工厂上海麦玺声工厂上海麦玺声工厂上海麦玺声工厂上海麦玺声工厂上海麦玺声工厂上海麦玺声工厂上海麦玺声工厂</p>
          </article>
        </div>
      </div>
      <div class="col-md-6 col-md-offset-1 wow fadeIn" data-wow-duration="0.8s" data-wow-delay="0.3s">
        <div class="row">
          <article>
            <p  style="color: black;font-size: 16px">
              上海麦玺声工厂上海麦玺声工厂上海麦玺声工厂上海麦玺声工厂上海麦玺声工厂上海麦玺声工厂上海麦玺声工厂上海麦玺声工厂上海麦玺声工厂上海麦玺声工厂上海麦玺声工厂上海麦玺声工厂上海麦玺声工厂上海麦玺声工厂上海麦玺声工厂上海麦玺声工厂上海麦玺声工厂上海麦玺声工厂上海麦玺声工厂上海麦玺声工厂上海麦玺声工厂上海麦玺声工厂上海麦玺声工厂上海麦玺声工厂上海麦玺声工厂上海麦玺声工厂上海麦玺声工厂上海麦玺声工厂上海麦玺声工厂上海麦玺声工厂上海麦玺声工厂
            </p>
          </article>
        </div>
      </div>
    </div>
  </div>
  <div class="container margin-top">
    <div class="row">
      <div class="architecture-content">
        <div class="col-md-6">
          <div class="box-over-image" style="background-image: url(images/architecure-image.jpg)">
            <div class="box-over-image-inner">
              <a href="/product_introduction"><h1 style="font-family: 黑体;">我们的产品都有哪些?</h1></a>
              <hr>
              <p>产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍</p>
            </div>
          </div>
        </div>
        <div class="col-md-6">
          <div class="tabs-wrapper">
            <h1 style="font-family: 黑体;">我们的服务</h1>
            <div class="tabs ef-tabs tabs-style-flip">
              <nav>
                <ul>
                  <li class="tab-current">
                    <a href="#section-flip-1">
                      <span class="tabs-icon icon-tools"></span>
                      <span class="tabs-title">服务one</span>
                    </a>
                  </li>
                  <li>
                    <a href="#section-flip-2">
                      <span class="tabs-icon icon-lightbulb"></span>
                      <span class="tabs-title">服务two</span>
                    </a>
                  </li>
                  <li>
                    <a href="#section-flip-3">
                      <span class="tabs-icon icon-paintbrush"></span>
                      <span class="tabs-title">服务three</span>
                    </a>
                  </li>
                </ul>
              </nav>
              <div class="content-wrap">
                <section id="section-flip-1" class="content-current">
                  <div class="col-md-12">
                    <div class="row">
                      <p>服务one服务one服务one服务one服务one服务one服务one服务one服务one服务one服务one服务one服务one服务one服务one服务one
                      </p>
                    </div>
                  </div>
                </section>
                <section id="section-flip-2">
                  <div class="col-md-12">
                    <div class="row">
                      <p>服务two服务two服务two服务two服务two服务two服务two服务two服务two服务two服务two服务two服务two服务two服务two服务two</p>
                    </div>
                  </div>
                </section>
                <section id="section-flip-3">
                  <div class="col-md-12">
                    <div class="row">
                      <p>
                        服务three服务three服务three服务three服务three服务three服务three服务three服务three服务three服务three服务three服务three
                      </p>
                    </div>
                  </div>
                </section>
              </div>
              <!-- /content-wrap -->
            </div>
            <!-- /tabs -->
          </div>
          <div class="tabs-image">
            <div id="tabs-slider" class="owl-carousel">
              <div>
                <img src="images/tabs-slider/image_1.jpg" alt="architecure tabs">
              </div>
              <div>
                <img src="images/tabs-slider/image_2.jpg" alt="architecure tabs">
              </div>
              <div>
                <img src="images/tabs-slider/image_3.jpg" alt="architecure tabs">
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="container margin-top">
    <div class="about-studio image-cover" style="background-image: url(images/about-studio.jpg)">
      <div class="col-md-6 col-md-offset-6">
        <div class="our-studio-content">
          <h1 style="font-family: 黑体;">其他</h1>
          <hr>
          <p>
            其他
            <br>
            <br> 其他其他其他其他其他其他
            <br>
            <br> 其他其他其他其他其他其他
          </p>

        </div>
      </div>
    </div>
  </div>

  <div class="container margin-top">
    <div class="main-title">
      <a href="/product_introduction"><h1 style="font-family: 黑体;">我们的产品</h1></a>
      <hr>
      <h6>包含XXX等产品</h6>
    </div>
    <div class="portfolio-wrapper">
      <button class="nav">
        <span class="icon-container">
          <span class="line line01"></span>
          <span class="line line02"></span>
          <span class="line line03"></span>
          <span class="line line04"></span>
        </span>
      </button>
      <%include product%>
    </div>
  </div>

  <%include footer%>

  <a href="javascript:void(0)" class="scroll-top" id="scroll-top">
    <i class="pe-7s-angle-up"></i>
  </a>


</body>

</html>